/*
***************************************************************************************
 * STYLES @media: all
 * Adaptive style // Mobile approach
 * Author: valerie@wephic.net
 *
***************************************************************************************
 */
/*
 * ANTISCREEN
 * http://meyerweb.com/eric/tools/css/reset/ 
 * v2.0 | 20110126
 * License: none (public domain)
**********************************************/
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
b,u,i,center,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,
article,aside,canvas,details,embed, 
figure,figcaption,footer,header,hgroup, 
menu,nav,output,ruby,section,summary,
time,mark,audio,video{
margin:0;
padding:0;
border:0;
font-size:100%;
font:inherit;
vertical-align:baseline;
}

/* HTML5 display-role reset for older browsers
----------------------------------------------*/
article,aside,details,figcaption,figure, 
footer,header,hgroup,menu,nav,section{
display:block;
}
body{
line-height:1;
}
ol,ul{
list-style:none;
}
blockquote,q {
quotes:none;
}
blockquote:before,blockquote:after,
q:before,q:after{
content:'';
content:none;
}
table{
border-collapse:collapse;
border-spacing:0;
}

/* hide any HRs used in the layout, but show them in main content */
hr,
.ahem,
#skip-link{
  display:none;
}
#content hr{
  display:block;
}

.element-invisible {
    clip:rect(1px,1px,1px,1px);
    position:absolute !important;
}

/* uncomment these color rules to make the layout easier to see */
/*
#main           { background: #ccc; }
#content        { background: #eee; }
#sidebar-first  { background: #ccf; }
#sidebar-second { background: #fcc; }
#navigation     { background: #ffc; }
#header         { background: #cff; }
#footer         { background: #cfc; }
*/
/*
 * COLOURS
 *  - Main -
 *      Black           0,0,0
 *      Dark grey       6,6,6
 *      Yellow          255,255,0
 *      Blue            11,197,237
 *
********************************************************************/

@font-face {
    font-family: 'BankGothic';
    src: url('webfonts/bankgothic.eot');
    src: url('webfonts/bankgothic.eot?#iefix') format('embedded-opentype'),
         url('webfonts/bankgothic.woff') format('woff'),
         url('webfonts/bankgothic.ttf') format('truetype'),
         url('webfonts/bankgothic.svg#wf') format('svg');
}

/*
 * GENERIC + CLASSES
**********************************************/
html{/*Fix text size on orientation change on mobile*/
    -webkit-text-size-adjust:none;
    -ms-text-size-adjust:none;
}
body{
    color:rgb(6,6,6);
    background-color:rgb(255,255,255);
    direction:ltr;
    font:100%/100% Arial, Helvetica, sans-serif;/*62.5*/
    height:100%;
    
}
img{
    max-width:100%;
    height:auto;
}
/* Typography
----------------------------------------------*/
h1{
    font-size:180%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}

#page-title{
    font-family:'BankGothic';
    font-size:200%;
    text-transform:uppercase;
}
.front #page-title{
    display:none;
}
h2{
    font-size:160%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
#content .region-content article.node .field-name-body h2{
    font-family:'BankGothic';
}
h3{
    font-size:140%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
h4{
    font-size:130%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
p,blockquote,li,dt,dd,caption{
    font-size:100%;
    line-height:150%;
    margin-bottom:.5em;
}

em{
    font-style:oblique;
}
b,strong{
    font-weight:700;
}
blockquote,figure{
    border:1px solid rgb(0,0,0);
    padding:10px;
}
abbr[title]{
    border-bottom:1px dotted rgb(0,0,0);
}

sub,sup{
    font-size:75%;
    line-height:0;
    position:relative;
    vertical-align:baseline;
}
sup{
    top:-0.5em;
}
sub{
    bottom:-0.25em;
}
/* Links
----------------------------------------------*/
a,a:link{
    outline:none;
    text-decoration:none;
    color:rgb(12,106,237);
}
a:visited{
}
a:hover,
a:active,
a:focus{
    background-color:rgb(237,237,237);
}
/* Lists
----------------------------------------------*/
ul{
    font-size:100%;
    line-height:100%;
    list-style:disc outside;
    margin:0 0 .7em 21px;
    padding:0;
}
ol{
    font-size:100%;
    line-height:100%;
    list-style:decimal outside;
    margin:0 0 .7em 21px;
    padding:0;
}
li li{
    font-size:100%;
    line-height:100%;
}
dl{
    font-size:100%;
    line-height:100%;
    margin:0 0 .7em 0;
    padding:0;
}
dl dt{
    font-size:100%;
    line-height:100%;
    font-weight:700;
    padding-left:21px;
}
dl dd{
    font-size:100%;
    line-height:100%;
    padding-left:21px;
}
/* Table
----------------------------------------------*/
/*table{
    border:3px double rgb(0,0,0);
    border-collapse:separate;
    border-spacing:0;
    empty-cells:show;
    text-align:left;
    margin:1% auto;
    width:95%;
}

th,td{
    font-size:100%;
    line-height:150%;
    padding:2px;
}
th{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
    font-weight:700;
}
thead th{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
}
tfoot th,tfoot td{
    border-top:1px solid rgb(0,0,0);
}*/
/* Form
----------------------------------------------*/
label,input,select,textarea{
    font:inherit;
}
input[type=search]{
    -webkit-appearance: none;
}
input[type=submit],input[type=reset],input[type=password],input[type=text],input[type=search],input[type=email],textarea,select{
    border:2px solid rgb(0,0,0);
    border-width:2px 5px;
    margin:0;
    padding:5px;
}
input[type=submit]:hover,input[type=reset]:hover,input[type=password]:hover,input[type=text]:hover,input[type=search]:hover,input[type=email]:hover,textarea:hover,select:hover,
input[type=submit]:focus,input[type=reset]:focus,input[type=password]:focus,input[type=text]:focus,input[type=search]:focus,input[type=email]:focus,textarea:focus,select:focus{
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}
input[type=submit],input[type=reset]{
    background-color:rgb(255,255,0);
    padding:5px 20px;
}
label,input[type=submit],input[type=reset]{
    cursor:pointer;
}
label,input[type=text],input[type=password]{
    display:inline-block;
}
.webform-component-textarea label{
    font-size:100%;
    line-height:150%;
    margin-bottom:.5em;
}
/*
 * LAYOUT
**********************************************/
#page{
    background:url(images/bg.jpg) no-repeat top center fixed;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
}
.wrapper-section{
    background-color:rgba(255,255,255,.8);
    padding:5px 0;
}
/*Header*/
.header-bottom{
    border-top:1px solid rgb(0,0,0);
}
.header-bottom .wrapper-section{
    padding:0;
}
#site-slogan{
    font-weight:700;
    padding:5px;
}
#site-slogan p{
    font-size:150%;
}
#logo{
    padding:5px;
    margin:0;
}
#logo a{
    display:inline-block;
}
#logo a:visited{
}
#logo a:hover,
#logo a:active,
#logo a:focus{
    background-color:rgba(255,255,255,.5);
}
#block-search-form{
    padding:5px;
}
#block-search-form .form-item,
#block-search-form input{
    margin:0;
    display:inline-block;
}
#block-search-form input[type=submit]{
    padding:6px 10px 7px 10px;
}
/*login*/
#user-login-form label{
    width:7em;
}
/*main div*/
#main.wrapper-section{
    padding-top:0;
}
/*footer*/
#footer{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
    font-size:90%;
}
#footer .wrapper-section{
    background-color:transparent;
}
#content-footer{
    padding:5px;
}
#content-footer .footer-menu{
    margin-bottom:1em;
}
#content-footer .footer-menu ul,
#content-footer .footer-menu li{
    list-style:none;
    margin:0;
    padding:0;
}
#content-footer .footer-menu li,
#content-footer .footer-menu a{
    display:inline-block;
}
#content-footer .footer-menu a{
    padding:0 5px;
    color:rgb(237,237,237);
    border-left:1px solid rgb(237,237,237);
}
#content-footer .footer-menu li:first-of-type a{
    padding:0 5px 0 0;
    border-left:none 0;
}
#content-footer .footer-menu a:visited{
}
#content-footer .footer-menu a:hover,
#content-footer .footer-menu a:active,
#content-footer .footer-menu a:focus{
    background-color:transparent;
    text-decoration:underline;
}
#copyright{
    margin:0;
}
.biglottery a{
    background:url(images/biglottery-blue.gif) no-repeat;
    display:block;
    width:100px;
    height:67px;
    text-indent:-9999px;
}
.biglottery a.pink{
    background:url(images/biglottery-pink.gif) no-repeat;
}
/*Content*/
#breadcrumb{
    padding:5px;
    display:none;
}
#breadcrumb a{
    color:rgb(6,6,6);
}
#breadcrumb a:visited{
}
#breadcrumb a:hover,
#breadcrumb a:active,
#breadcrumb a:focus{
    background-color:transparent;
    text-decoration:underline;
}
.node-type-event #breadcrumb,
.page-flickr-set #breadcrumb,
.node-type-course-training #breadcrumb,
.node-type-opportunity #breadcrumb,
.node-type-product-collection #breadcrumb,
.node-type-designer #breadcrumb{
    display:block;
}
.body,
.region-sidebar-first,
.region-sidebar-second{
    background-color:rgba(255,255,255,.8);
    padding:5px;
}
#content .region-content article.node .field-name-body{
    margin-bottom:.5em;
}
/*
 * NAVIGATION
*************************/
/* main */
#block-system-main-menu{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
    padding:0 5px;
}
#block-system-main-menu a{
    border:2px solid rgb(0,0,0);
    color:rgb(255,255,255);
    display:block;
    font-family:'BankGothic';
    text-transform:uppercase;
    padding:5px;
}
#block-system-main-menu a.active{
    font-weight:700;
}
#block-system-main-menu a:visited{
}
#block-system-main-menu a:hover,
#block-system-main-menu a:active,
#block-system-main-menu a:focus,
#block-system-main-menu .active-trail a{
    background-color:rgb(11,197,237);
    border-color:rgb(11,197,237);
    color:rgb(0,0,0);
    text-decoration:none;
}
#block-system-main-menu .active-trail a:visited{}
#block-system-main-menu .active-trail a:hover,
#block-system-main-menu .active-trail a:active,
#block-system-main-menu .active-trail a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(2) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(2) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(2) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a{
    background-color:rgb(255,225,0);
    border-color:rgb(255,225,0);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(3) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(3) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(3) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a{
    background-color:rgb(167,4,243);
    border-color:rgb(167,4,243);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(4) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(4) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(4) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a{
    background-color:rgb(217,1,57);
    border-color:rgb(217,1,57);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(5) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(5) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(5) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a{
    background-color:rgb(178,231,14);
    border-color:rgb(178,231,14);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(6) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(6) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(6) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a{
    background-color:rgb(223,24,132);
    border-color:rgb(223,24,132);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu .content > ul > li:nth-of-type(7) a:hover,
#block-system-main-menu .content > ul > li:nth-of-type(7) a:active,
#block-system-main-menu .content > ul > li:nth-of-type(7) a:focus,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a{
    background-color:rgb(230,110,55);
    border-color:rgb(230,110,55);
}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:visited{}
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:hover,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:active,
#block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:focus{
    border-left-color:rgb(0,0,0);
}
#block-system-main-menu ul,
#block-system-main-menu li{
    list-style:none none;
    margin:0;
    padding:0;
}
#block-system-main-menu li{
    display:block;
    font-size:130%;
    padding:0 0 1px 0;
}
#block-system-main-menu li ul{
    display:none;
}
#block-system-main-menu li.active-trail ul{
    background-color:rgb(11,197,237);
    display:block;
    opacity: 0.9;
}
#block-system-main-menu li.active-trail ul a{
    padding-left:10px;
}
#block-system-main-menu li.active-trail ul a.active-trail{
    font-weight:700;
}
#block-system-main-menu li.active-trail:nth-of-type(2) ul{
    background-color:rgb(255,225,0);
}
#block-system-main-menu li.active-trail:nth-of-type(3) ul{
    background-color:rgb(167,4,243);
}
#block-system-main-menu li.active-trail:nth-of-type(4) ul{
    background-color:rgb(217,1,57);
}
#block-system-main-menu li.active-trail:nth-of-type(5) ul{
    background-color:rgb(178,231,14);
}
#block-system-main-menu li.active-trail:nth-of-type(6) ul{
    background-color:rgb(223,24,132);
}
#block-system-main-menu li.active-trail:nth-of-type(7) ul{
    background-color:rgb(230,110,55);
}
#block-system-main-menu li li{
    font-size:100%;
    padding:0;
}
#block-system-main-menu ul ul ul,
#block-system-main-menu li.active-trail ul ul{
    display:none;
}
.js #block-system-main-menu{
    position:relative;
    min-height:50px;
}
.js #block-system-main-menu .switcher{
    width:40px;
    height:40px;
    position:absolute;
    top:5px;
    right:5px;
    overflow:hidden;
    background:url(images/menu.png) no-repeat 0 0;
    cursor:pointer;
}
.js #block-system-main-menu .switcher.opened{
    background-position:0 -40px;
}
.js #block-system-main-menu .content{
    padding-right:45px;
}
/*
 * SOCIAL MEDIA
***********************/
#block-widgets-s-socialmedia-profile-default .widgets-element{
    margin-right:5px;
}
#block-widgets-s-twitter-profile-widget .twtr-doc{
    width:100% !important;
}
/*
 * ACCESSIBLE CONTENT
***********************/
#block-system-main-menu h2{
    position:absolute;
    clip:rect(1px,1px,1px,1px);
}
/*
 * YOUTUBE
***************************/
.field-type-youtube{
    text-align:center;
    margin-bottom:.5em;
}

/*
 * FIELDS
***************************/
.date-display-start,.date-display-end{
    display:block;
}
.field-type-datetime .field-label,
.field-name-field-location .field-label,
.field-type-file .field-label{
    font-size: 100%;
    line-height: 150%;
    margin-bottom: .5em;
}
.field-type-datetime .field-items,
.field-name-field-location .field-items,
.field-type-file .field-items{
    font-size:100%;
    line-height:150%;
    margin-bottom:.5em;
    padding-left:1em;
}
.field-name-field-summary{
    background: -moz-linear-gradient(top,  rgba(6,6,6,0.1) 0%, rgba(6,6,6,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(6,6,6,0.1)), color-stop(100%,rgba(6,6,6,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(6,6,6,0.1) 0%,rgba(6,6,6,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(6,6,6,0.1) 0%,rgba(6,6,6,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(6,6,6,0.1) 0%,rgba(6,6,6,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom,  rgba(6,6,6,0.1) 0%,rgba(6,6,6,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a060606', endColorstr='#00060606',GradientType=0 ); /* IE6-9 */
    padding:5px;
    margin-bottom:.5em;
}
/*
 * SPOTLIGHT
*******************************/
.field-collection-container,
.field-name-field-spolight-group .field-items .field-item,
.field-name-field-spolight-group .field-collection-view{
    padding:0;
    margin:0;
    border-bottom:none 0;
}
.field-name-field-spolight-group .field-items .field-item{
    margin-bottom:.5em;
}
.field-name-field-spolight-group .field-items .field-item .field-item{
    margin-bottom:0;
}
.field-collection-view .entity-field-collection-item{
    float:none;
    clear:both;
    width:auto;
}
.field-collection-view .entity-field-collection-item{
    background-color:rgb(255,255,255);
    padding:5px;
}
.js .field-collection-view .entity-field-collection-item .content{
    cursor:pointer;
}
.field-collection-view h2 a{
    display:block;
    font-family:'BankGothic';
    padding:0 5px;
}
.field-collection-view .field-name-field-link-summary .field-item{
    font-size:100%;
    line-height:150%;
}
/*
 * VIEWS
********************/
.block-views .views-row{
    background: -moz-linear-gradient(top,  rgba(237,237,237,0) 0%, rgba(237,237,237,0.5) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,0)), color-stop(100%,rgba(237,237,237,0.5)));
background: -webkit-linear-gradient(top,  rgba(237,237,237,0) 0%,rgba(237,237,237,0.5) 100%);
background: -o-linear-gradient(top,  rgba(237,237,237,0) 0%,rgba(237,237,237,0.5) 100%);
background: -ms-linear-gradient(top,  rgba(237,237,237,0) 0%,rgba(237,237,237,0.5) 100%);
background: linear-gradient(to bottom,  rgba(237,237,237,0) 0%,rgba(237,237,237,0.5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ededed', endColorstr='#80ededed',GradientType=0 );

    margin-bottom:1em;
    padding:5px;
}
.block-views .views-row-odd{
    
}
.block-views .views-label-field-date-and-time,
.block-views .views-label-field-location{
    display:block;
    font-weight:700;
    margin-bottom:.5em;
}
.block-views .views-field-path{
    clear:both;
    margin-bottom:.5em;
    font-size:120%;
}
.block-views .views-field-path span{
    display:block;
    text-align:right;
}
.block-views .views-field-path span a{
    background:url(images/bullet-link.png) no-repeat left center;
    display:inline-block;
    font-family:'BankGothic';
    padding:5px 5px 5px 20px;
}
.block-views .views-field-path span a:visited{
}
.block-views .views-field-path span a:hover,
.block-views .views-field-path span a:active,
.block-views .views-field-path span a:focus{
    background-color:rgb(237,237,237);
}
.block-views h2,
.block-views .views-field-field-image-icon{
    display:none;
}
.block-views h3 a{
    display:block;
    padding:0 5px;
}
/*
 * CAROUSEL
********************/
.view-carousel .flex-nav-container{
    margin:0;
}
.view-carousel .views-field-field-link-item{
    background-color:rgba(255,255,255,.9);
    padding:0 10px 3em 10px;
}
.view-carousel .views-field-field-link-item a{
    background:url(images/bullet-link.png) no-repeat left .5em;
    display:inline-block;
    font-family:'BankGothic';
    padding:.1em 5px .1em 20px;
    font-size:140%;
}
.view-carousel .views-field-body{
    background-color:rgba(255,255,255,.9);
    padding:10px;
}
.view-carousel .flexslider-views-slideshow-main-frame-row{
    margin:0;
}
.view-carousel .flex-control-nav{
    position:absolute;
    bottom:15px;
}
.view-carousel .flexslider{
    border:none 0;
}
.view-carousel .flex-direction-nav li a {
    background-image:url(images/bg_direction_nav.png);
}
.view-carousel .flex-direction-nav li .prev{
    left:0;
    top:auto;
    bottom:5px;
}
.view-carousel .flex-direction-nav li .next{
    right:0;
    top:auto;
    bottom:5px;
}
.view-carousel .flex-pauseplay{
    position:absolute;
    bottom:10px;
    left:55px;
}
.flex-pauseplay span{
    display:block;
    cursor:pointer;
    text-indent:-9999px;
    background:url(images/pause.png) no-repeat 0 0;
    width:32px;
    height:32px;
}
.flex-pauseplay span.play{
    background-image:url(images/play.png);
}
/*
 * SOCIAL BUTTONS
************************/
#block-widgets-s-socialmedia-profile-default{
    clear:both;
}
/*
 * FLICKR
*****************************/
#flickrgallery .flickr-wrap{
    background-color:rgb(255,255,255);
    border:1px solid rgb(6,6,6);
    padding:5px;
    margin:0 2% .5em 2%;
    width:42%;
}
#flickrgallery .flickr-wrap a.flickrgallery{
    display:block;
    height:240px;
    text-align:center;
    overflow:hidden;
    
}
#flickrgallery .flickr-wrap a.flickrgallery img{

}
#flickrgallery .flickr-wrap a.flickrgallery:visited{
}
#flickrgallery .flickr-wrap a.flickrgallery:hover,
#flickrgallery .flickr-wrap a.flickrgallery:active,
#flickrgallery .flickr-wrap a.flickrgallery:focus{
    background-color:transparent;
}
#flickrgallery .flickrgallery-title{
    font-family:'BankGothic';
    padding:5px;
}
#flickrgallery .flickrgallery-return{
    
}
#flickrgallery .flickrgallery-return a{
    background:url(images/bullet-return.png) no-repeat left .45em;
    display:inline-block;
    padding:5px 5px 5px 20px;
}
/*
 * COLLECTION
********************/
.node-product-collection{
    margin-bottom:.5em;
}
.node-product-collection .field-name-field-designs .node-designer{
    background-color:rgb(255,255,255);
    border:1px solid rgb(6,6,6);
    margin-bottom:.5em;
    padding:5px;
    text-align:center;
}
.js .node-product-collection .field-name-field-designs .node-designer{
    cursor:pointer;
}
.node-product-collection .field-name-field-designs .node-designer footer{
    display:none;
}
.node-product-collection .field-name-field-designs .node-designer .field-commerce-price .field-label,
.node-product-collection .field-name-field-designs .node-designer .field-commerce-price .field-items{
    display:inline-block;
    float:none;
}
.node-product-collection h2{
    margin:0;
}
.node-product-collection h2 a{
    display:block;
    font-family:'BankGothic';
}
.node-product-collection .field-field-product-image{
    margin-bottom:.5em;
}
/*
 * DESIGN
********************/
.node-type-designer .node-designer{
    margin-bottom:.5em;
}
.node-type-designer .node-designer .field-field-product-image{
    float:left;
    width:40%;
    border:1px solid rgb(6,6,6);
    margin:1px;
    padding:2px;
}
.node-type-designer .node-designer .field-field-image-1,
.node-type-designer .node-designer .field-field-image-2,
.node-type-designer .node-designer .field-field-image-3,
.node-type-designer .node-designer .field-field-image-4{
    float:left;
    width:20%;
    border:1px solid rgb(6,6,6);
    margin:1px;
}
.node-type-designer .node-designer .field-field-image-1{
    clear:left;
}
.node-type-designer .node-designer .field-field-image-4{
    clear:right;
}
.node-type-designer .node-designer .field-field-description{
    font-size:100%;
    line-height:150%;
    margin-bottom:.5em;
}
.node-type-designer .node-designer .field-field-description,
.node-type-designer .node-designer .field-commerce-price,
.node-type-designer .node-designer .field-type-commerce-product-reference{
    padding-left:45%;
}
.node-type-designer .node-designer .field-type-commerce-price .field-label,
.node-type-designer .node-designer .field-type-commerce-price .field-items{
    display:inline-block;
}
.node-type-designer .node-designer .commerce-add-to-cart label,
.node-type-designer .node-designer .field-type-commerce-price .field-label{
    width:6em;
    margin-bottom:.5em;
}
/*
 * CART
****************/
.page-checkout #commerce-checkout-form-checkout,
.page-checkout #commerce-checkout-form-review{
    margin-bottom:.5em;
}
.block-commerce-cart h2{
    border-bottom:1px solid rgb(6,6,6);
    background:url(images/cart.png) no-repeat 5px center;
    font-family:'BankGothic';
    padding-left:50px;
}
.block-commerce-cart table,
.page-cart table,
.page-checkout table{
    border:none 0;
    border-bottom:3px double rgb(6,6,6);
    border-collapse:separate;
    border-spacing:0;
    empty-cells:show;
    text-align:left;
    width:100%;
    margin:0 0 1em 0;
}
.block-commerce-cart table th,.block-commerce-cart table td,
.page-cart table th,.page-cart table td,
.page-checkout table th,.page-checkout table td{
    font-size:100%;
    line-height:150%;
    padding:2px;
}
.block-commerce-cart table th,
.page-cart table th,
.page-checkout table th{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
    font-weight:700;
}
.block-commerce-cart table thead th,
.page-cart table thead th,
.page-checkout table thead th{
    background-color:rgb(0,0,0);
    color:rgb(255,255,255);
}
.block-commerce-cart table tfoot th,.block-commerce-cart table tfoot td,
.page-cart table tfoot th,.page-cart table tfoot td,
.page-checkout table tfoot th,.page-checkout table tfoot td{
    border-top:1px solid rgb(0,0,0);
}
.page-checkout table.checkout-review{
    border:none 0;
}
.block-commerce-cart table tr.odd,.block-commerce-cart table tr.even,
.page-cart table tr.odd,.page-cart table tr.even,
.page-checkout table tr.odd,.page-checkout table tr.even{
    background-color:transparent;
}
.block-commerce-cart .line-item-total{
    margin-bottom:1em;
}
.block-commerce-cart  .line-item-summary-view-cart a,
.block-commerce-cart  .line-item-summary-checkout a{
    display:inline-block;
    border:2px solid rgb(0,0,0);
    border-width:2px 5px;
    color:rgb(6,6,6);
    margin:0;
    background-color:rgb(255,255,0);
    padding:2px 10px;
}
.block-commerce-cart .line-item-summary-view-cart a:hover,.block-commerce-cart .line-item-summary-checkout a:hover,
.block-commerce-cart .line-item-summary-view-cart a:focus,.block-commerce-cart .line-item-summary-checkout a:focus{
    -webkit-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    -moz-box-shadow:0px 0px 4px rgba(0,0,0,0.5);
    box-shadow:0px 0px 4px rgba(0,0,0,0.5);
}
.commerce-line-item-views-form #edit-submit{
    margin-right:1em;
}
.page-checkout .cart_contents legend span{
    display:block;
    font-size:160%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
.page-checkout .form-wrapper legend span{
    display:block;
    font-size:140%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
}
.page-checkout .form-wrapper label{
    margin-bottom:.5em;
    width:8em;
}
.page-checkout .checkout-buttons input{
    margin-right:5px;
}
.page-checkout .checkout-help{
    background-color:rgba(6,6,6,.1);
    font-size:140%;
    font-weight:400;
    line-height:150%;
    margin-bottom:.5em;
    padding:5px;
}
.page-checkout .commerce-paypal-icons,
.page-checkout #payment-details{
    line-height:150%;
    margin-bottom:.5em;
}
/*
 * PAGER
********************/
.item-list .pager li{
    display:inline-block;
    margin:1px;
    padding:0 5px;
    vertical-align:middle;
}
.pager li.pager-previous,
.pager li.pager-next{
    padding:0;
    font-size:120%;
}
.pager .pager-previous a,
.pager .pager-next a{
    border:1px solid rgb(12,106,237);
    display:inline-block;
    padding:0 5px;
}
.pager .pager-previous a:visited,
.pager .pager-next a:visited{
}
.pager .pager-previous a:hover,
.pager .pager-next a:hover,
.pager .pager-previous a:active,
.pager .pager-next a:active,
.pager .pager-previous a:focus,
.pager .pager-next a:focus{
    background-color:rgb(12,106,237);
    color:rgb(255,255,255);
}
.item-list .pager li.pager-current{
    border:1px solid rgb(12,106,237);
    padding:2px 5px;
}
/*
 * What's up'
********************/
.sidebar .block-webform h2{
    font-family:'BankGothic';
}
.sidebar .block-webform label{
    width:4em;
}
.sidebar .block-webform .form-actions .form-submit{
    margin-left:4.2em;
}
/*
*************************************************
 * MOBILE STYLES - 320
 * Notes: this is not working on IE6/7/8
 * - only screen media
 * - 320px <= width
*************************************************
*/
@media only screen and (min-device-width:320px) and (min-width:320px){

}/* end @media only screen 320px <= width */


/*
*************************************************
 * MOBILE STYLES - 480
 * Notes: this is not working on IE6/7/8
 * - only screen media
 * - 480px <= width
*************************************************
*/
@media only screen and (min-device-width:480px) and (min-width:480px){
    #logo{
        float:left;
    }
    #site-slogan{
        float:right;
    }
    #flickrgallery .flickr-wrap{
        width:40%;
    }
    .field-name-field-spolight-group .field-items .field-item{
        float:left;
        width:48%;
        margin:0 1% .5em 1%;
    }
    .field-name-field-spolight-group .field-items .field-item .field-item{
        float:none;
        width:auto;
        margin:0;
    }
    .node-product-collection .field-name-field-designs .field-item{
        float:left;
        width:48%;
        margin:0 1%;
    }
    .node-product-collection .field-name-field-designs .field-item .field-item{
        float:none;
        width:auto;
        margin:0;
    }
    .node-type-designer .node-designer .commerce-add-to-cart .form-submit{
        margin-left:6.3em;
    }
}/* end @media only screen 480px <= width */

/*
*************************************************
 * PAD STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 768px <= width
*************************************************
*/
@media only screen and (min-device-width:768px) and (min-width:768px){
    #logo,
    #site-slogan,
    #block-search-form,
    #content-footer{
        padding:8px;
    }
    #breadcrumb{
        padding:3.5em 10px 10px 10px;
    }
    .banner #breadcrumb,
    .carousel #breadcrumb{
        padding:10px;
    }
    .wrapper-section{
        width:100%;
        margin:0 auto;
        padding:10px 0;
    }
    .header-bottom .wrapper-section{
        position:relative;
    }
    #block-search-form{
        background-color:rgb(0,0,0);
        right:10px;
        padding:2px 5px;
        position:absolute;
        top:-4.5em;
    }
    #block-search-form input{
        border:none 0;
    }
    #block-system-main-menu{
        clear:both;
    }
    .js #block-system-main-menu .content{
        padding-right:0;
    }
    #block-system-main-menu li{
        display:inline-block;
        font-size:84%;
    }
    #block-system-main-menu li li{
        float:none;
        font-size:90%;
    }
    #block-system-main-menu li.active-trail ul{
        margin-top:2px;
        position:absolute;
        padding:0 5px;
        left:0;
        z-index:1;
    }
    #block-system-main-menu .active-trail a:hover,
    #block-system-main-menu .active-trail a:active,
    #block-system-main-menu .active-trail a:focus{
        border-left-color:rgb(11,197,237);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(2) a:focus{
        border-left-color:rgb(255,225,0);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(3) a:focus{
        border-left-color:rgb(167,4,243);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(4) a:focus{
        border-left-color:rgb(217,1,57);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(5) a:focus{
        border-left-color:rgb(178,231,14);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(6) a:focus{
        border-left-color:rgb(223,24,132);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:hover,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:active,
    #block-system-main-menu .content > ul > li.active-trail:nth-of-type(7) a:focus{
        border-left-color:rgb(230,110,55);
        border-bottom-color:rgb(0,0,0);
    }
    #block-system-main-menu li.active-trail ul a{
        padding-left:5px;
    }
    #content{
        clear:none;
        float:left;
        width:70%;
    }
    .node-type-landing-page #content,
    .node-type-standard-page #content,
    .node-type-listing-page #content,
    .node-type-course-training #content,
    .page-flickr #content,
    .node-type-webform #content{
        margin-top:3em;
    }
    .banner #content,
    .carousel #content{
        margin-top:0;
    }
    .body,
    .region-sidebar-first,
    .region-sidebar-second{
        margin:10px;
        padding:10px;
    }
    .node-type-landing-page #sidebar-first,
    .node-type-standard-page #sidebar-first,
    .node-type-listing-page #sidebar-first,
    .node-type-course-training #sidebar-first,
    .page-flickr #sidebar-first,
    .node-type-webform #sidebar-first{
        margin-top:3em;
    }
    .banner #sidebar-first,
    .carousel #sidebar-first{
        margin-top:0;
    }
    .page-flickr-set #content,
    .page-flickr-set #sidebar-first,
    .node-type-course-training #content,
    .node-type-course-training #sidebar-first{
        margin-top:0;
    }
    .sidebar{
        clear:right;
        float:right;
        width:30%;
    }
    #footer{
        clear:both;
    }
    /*
     * SPOTLIGHT
    *******************************/
    .field-name-field-spolight-group .field-collection-view .entity-field-collection-item {
        padding:10px;
    }
    .field-name-field-spolight-group .field-collection-view .field-name-field-link-image img{
        display:block;
        width:100%;
    }
    .field-name-field-spolight-group .field-collection-view .content{
        margin:0;
        width:100%;
        position:relative;
    }
    .field-name-field-spolight-group .field-collection-view .field-name-field-link-summary{
        background-color:rgba(255,255,255,.9);
        bottom:0;
        position:absolute;
        width:100%;
    }
    .field-name-field-spolight-group .field-collection-view .field-name-field-link-summary .field-item{
        padding:5px;
    }
    /*
    * VIEWS
    ************/
    .block-views .views-row .views-field-field-date-and-time,
    .block-views .views-row .views-field-field-location,
    .node-event .field-name-field-date-and-time,
    .node-event .field-name-field-location,
    .node-course-training .field-name-field-date-and-time,
    .node-course-training .field-name-field-location{
        float:left;
        width:48%;
        margin:0 1%;
    }
    .block-views .views-row .views-field-field-date-and-time .field-content,
    .block-views .views-row .views-field-field-location .field-content{
        padding:0 5px;
    }
    .block-views .views-row .views-field-field-date-and-time,
    .node-event .field-name-field-date-and-time,.node-course-training .field-name-field-date-and-time,
    .node-event .field-name-body,.node-course-training .field-name-field-summary{
        clear:left;
    }
    .block-views .views-field-field-image-icon{
        display:block;
        clear:right;
    }
    .block-views .views-field-field-image-icon a{
        display:block;
    }
    .block-views .views-field-field-image-icon a:visited{
    }
    .block-views .views-field-field-image-icon a:hover,
    .block-views .views-field-field-image-icon a:active,
    .block-views .views-field-field-image-icon a:focus{
        background-color:transparent;
    }
    .block-views .views-field-field-summary{
        clear:right;
    }
    /*
     * CAROUSEL
    ***************************/
    .view-carousel,.flexslider {
        height:300px;
    }
    .view-carousel .flex-nav-container{
        height:300px;
    }
    .view-carousel .flexslider .slides img{
        /*max-width:none;*/
    }
    .js .view-carousel .views-field-field-slide-image{
        cursor:pointer;
    }
    .view-carousel .views-field-body{
        bottom:4em;
        left:10px;
        padding-bottom:2em;
        position:absolute;
        width:47.5%;
    }
    .view-carousel .views-field-field-link-item{
        background-color:transparent;
        bottom:4em;
        left:10px;
        padding:10px;
        position:absolute;
        width:47.5%;
    }
    .view-carousel .flexslider-views-slideshow-main-frame-row{
        height:300px;
    }
    #flickrgallery .flickr-wrap{
        width:27%;
    }
    .node-product-collection .field-name-field-designs .field-item{
        float:left;
        width:31.3%;
        margin:0 1%;
    }
    .node-product-collection .field-name-field-designs .field-item .field-item{
        float:none;
        width:auto;
        margin:0;
    }
}/* end @media only screen 801px <= width */

/*
*************************************************
 * SMALL SCREEN STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 900px <= width
*************************************************
*/
@media only screen and (min-device-width:900px) and (min-width:900px){
    #block-system-main-menu li{
        font-size:100%;
    }
}

/*
*************************************************
 * SCREEN STYLES
 * Notes:this is not working on IE6/7/8
 * - only screen media
 * - 1200px <= width
*************************************************
*/
@media only screen and (min-device-width:1200px) and (min-width:1200px){
    .wrapper-section{
        width:1200px;
    }
    #main{
        position:relative;
    }
    #block-system-main-menu li{
        display:inline-block;
        font-size:130%;
    }
    #block-system-main-menu li li{
        float:none;
        font-size:80%;
    }
    #block-system-main-menu a{
        padding:8px;
    }
    #block-widgets-s-socialmedia-profile-default{
        position:absolute;
        top:5px;
        right:0;
        z-index:100;
    }
    
    #block-widgets-s-socialmedia-profile-default .widgets-element-horizontal {
        float:none;
    }
    #footer{
        height:140px;
    }
    #copyright{
        float:left;
    }
    .biglottery{
        float:right;
        clear:right;
        margin:0;
    }
    
}/* end @media only screen 1200px <= width */

/*
 * CLEARFIX
****************/
#flickrgallery:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#flickrgallery {
	display: inline-block;
}
 
html[xmlns] #flickrgallery {
	display: block;
}
 
* html #flickrgallery {
	height: 1%;
}
/*
*************************************************
 * PRINT STYLES
*************************************************
*/
@media print{


/* Removing content that doesn't need to be shown on print */

#skip-link,
#header .header-bottom,
#footer .biglottery,
.sidebar,
#block-widgets-s-socialmedia-profile-default,
#footer .footer-menu,
.view-carousel .views-field-field-link-item,
.view-carousel .flex-control-nav,
.view-carousel .flex-direction-nav,
.view-carousel .flex-pauseplay{display: none;}


}/* end @media print*/